import 'package:flutter/material.dart';
import 'package:top_foundation/utils/fun_util.dart';

import '../../../../../helper/utils/util.dart';
import 'controller.dart';

class ModifyPhonePage extends GetView<ModifyPhoneController> {
  const ModifyPhonePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: detailAppBar(context, elevation: 1, title: '修改手机号'),
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 31.w),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(
              height: 32.w,
            ),
            Obx(
              () => Text(
                '当前手机号${controller.state.phone.value.phone}',
                style:
                    TextStyle(color: const Color(0xff333333), fontSize: 17.sp),
              ),
            ),
            SizedBox(
              height: 10.w,
            ),
            CodeField(
              controller: controller.state.codeCtrl,
              smsClickListener: () {},
            ),
            separatorLine(),
            SizedBox(
              height: 30.w,
            ),
            ExpandedFilledButton(
              text: '下一步',
              onPressed: controller.nextStep,
            )
          ],
        ),
      ),
    );
  }
}
